import { View, Image } from '@tarojs/components';
import Kind from '../../static/card/icon_kind.png';
import NumberIcon from '../../static/card/icon_number.png';
import Time from '../../static/card/icon_time.png';
import Agengcy from '../../static/card/icon_people.png';
import Close from '../../static/card/icon_delete.png';

import classnames from 'classnames';

import './index.scss';

/**
 * @param {number} cardId
 * @param {number} type 0 是我的兑换卡记录 1 是申领卡 2申领记录(申请卡和激活卡的区别是第二行一个是数量一个卡号) 3 我的兑换卡 4 出库卡的信息 5 入库记录 6 出库记录
 * @param {string} time 申领时间 或者 时间
 * @param {string} sku 规格或者兑换对歌
 * @param {number} number 数量 卡号（暂时先不区分之后可以区分）
 * @param {string} cardType 卡的类型
 * @param {string} agengcy 代理
 */
function Card({ time, sku, status, number, type = 0, cardType, cardId }) {

  function deleteOutput() {
    this.props['onDel'](number)
  }

  function sureArrive() {
    this.props['arrive'](cardId)
  }

  return (
    <View className={classnames({
      "card": true,
      "not-my": type,
    })}>
      {/* {type !== 4 ? <View className="card-line">
        <Image src={Time} alt="" className="icon" />
        {type && <View>时间：{time}</View>}
        {!type && <View>兑换时间：{time}</View>}
      </View> : ''}
      {
        <View className="card-line">
          <Image src={NumberIcon} alt="" className="icon" />
          {(type === 1) && <View>数量：{number}</View>}
          {(!type || type === 3 || type === 2 || type === 4 || type === 5 || type === 6) && <View>卡号：{number}</View>}
        </View>
      } */}
      <View className="card-line" >
        <Image src={Kind} alt="" className="icon" />
        <View>兑换规格：{sku}</View>
      </View>
    </View>
  )
}

export default Card;
